page {
	background: #f2fafc url("https://v4mh6868.oss-cn-beijing.aliyuncs.com/uploads/20240905/ef044002e484978c199820dd1427182b.jpg") no-repeat top center;
	background-size: 100% auto;
}
.u-navbar {
	transition: 1s;
}

.wrap {
	/* padding: 0 20rpx; */
	background-color:  #F3F4F9;;
	box-sizing: border-box;
}

.box {
	margin: 20rpx 30rpx;
	box-sizing: border-box;
	background-color: #fff;
	padding: 20rpx;
	border-radius: 20rpx;
}

.box .price .qian {
	font-size: 40rpx;
	font-weight: bold;
}

.box .price .bi {
	color: #F87A01;
}

.pai {
	padding: 10rpx 0;
	display: flex;
	align-items: center;
}

.pai image {
	width: 70rpx;
	height: 70rpx;
	margin-right: 20rpx;
}

.info {
	margin: 30rpx;
	border-radius: 20rpx;
	overflow: hidden;
}

.info .tit {
	padding: 20rpx;
	box-sizing: border-box;
	background-color: #fff;
	font-size: 30rpx;
}
.info .goods_content {
	/* border-top: 1px solid #dee5e7; */
	padding: 20rpx;
	box-sizing: border-box;
	background-color: #fff;
}

.info image {
	width: 100%;
}

.btm {
	width: 750rpx;
	background-color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 20rpx;
	box-sizing: border-box;
}
.kefu{
	padding: 0 20rpx 0 10rpx;
	font-size: 24rpx;
	line-height: 1.5;
	background-color: #fff;
	width: 120rpx;
	text-align: center;
}
.kefu::after{
	border: none;

}

.btmbox{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
.kefubtn{
	
}
.btm image{
	width: 40rpx;
	height: 40rpx;
}
.btm .btns{
	display: flex;
	justify-content: space-between;
	width: 90%;
}
.btns button{
	width: 48%;
	border-radius: 0;
}
.buy{
	background-image: linear-gradient(to right, #c8e6ff, #a7a7f8, #8970f0);
	color: #fff;
}
.huan{
	background-image: linear-gradient(to right, #c8e6ff, #a7a7f8, #8970f0);
	color: #fff;
}
.gao{
	height: 220rpx;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.buybox{
	padding: 20rpx;
	box-sizing: border-box;
}
.buybox .picbox{
	width: 200rpx;
	height: 200rpx;
	border: 1rpx solid #ccc;
}
.buybox .picbox image{
	width: 100%;
	height: 100%;
}
.buybox .textbox{
	margin-left: 20rpx;
}
.buybox .textbox .price{
	font-weight: bold;
	font-size: 32rpx;
}
.buybox .textbox .price text{
	font-size: 40rpx;
	margin-right: 5rpx;
}
.buybox .stock{
	font-size: 28rpx;
	color: #666;
}
.buybox .xinghao{
	margin-top: 20rpx;
}
.buybox .xinghao .tit{
	padding: 20rpx 0;
}
.xhList{
	display: flex;
	flex-wrap: wrap;
}
.xhList .list{
	padding: 10rpx 20rpx;
	margin-right: 20rpx;
	background-color: #F8F8F8;
	border: 1rpx solid #F8F8F8;
}
.xhList .active{
	border: 1rpx solid #000;
	background-color: #D9FFFF;
}
.selectNum{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40rpx;
}
.buybox .btn{
	margin-top: 60rpx;
}
